<html>
	<head>
		<style>
		    /*祖先后代选择器*/
			#button a {
				 width: 243px;
				 height: 242px;
				/*设置背景图片为b34-1.jpg*/
				 background: url(b34-1.jpg);
				/*元素显示为块级元素*/
				 display: block;
				/*去掉超链默认样式*/
				 text-decoration:none;
			}

			/*伪类选择器，设置鼠标移植元素上时的样式*/
			#button a:hover{
				/*设置背景图片为b34-2.jpg*/
				 background: url(b34-2.jpg);
			}
		</style>
	</head>
	<body>
		<div id="button">
			<a href="#">&nbsp;</a>
		</div>
	</body>
</html>
